<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html学习</title>
</head>
<body>
演示标题标签
<h1>这个是一级标签</h1>
<h2>这个是二级标签</h2>
演示横线标签
<br/>
这是一条普通的横线
<hr/>
下面是一条红色的横线
<hr color="red" size="20px" width="50px" align="left"/>
演示段落标签
<br>
下面是一个段落
<p>p标签是一个段落，段落之间有空白的间隔，如果要换行，要使用br标签（下面开始换行）
    <br>
    后边的内容会另起一行显示，行之间没有空白间隔。
</p>
演示文字标签font
<br>
<font color="red">在此处编辑文字，文字的颜色是红色</font>
<br>
演示粗体字标签b
<br>
<b>这是粗体字</b>
<br>
演示斜体字标签i
<br>
<i>这是斜体字</i>
<br>
图片标签img，下面是一张图片
<br>
<img alt="漂亮女孩" width="372" src="./img/girl.jpg" title="漂亮女孩"/>
<br>
<audio src="" controls="controls" preload="perload">您的浏览器暂不支持播放音频</audio>
<br>
<video src="" controls="controls" preload="none"></video>
<br>
演示超链接标签a
<br>
<a href="http://www.baidu.com">点我跳转到百度</a>
<br>
无序清单：ul+li，清单符号是方块
<br>
<ul type="square">
    <li>Alibaba阿里巴巴</li>
    <li>Tencent腾讯</li>
    <li>Amazon亚马逊</li>
</ul>
<br>
有序清单：ol + li，清单符号从A-Z开始排序
<br>
<ol type="A">
    <li>烤鸭</li>
    <li>烧鸡</li>
    <li>乳鸽</li>
    <li>包子</li>
</ol>
<br>
表单标签form，表单不显示在页面上，通过表单提交的路径将表单项提交到后端接口
<form action="#表单提交的路径" method="get" name="myform">
<!--在这里写表单项-->
</form>
<br>

</body>
</html>


































